<!DOCTYPE html>
<html>
  <head>

    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <%= csrf_meta_tag %>

    <title><%= @title %> - Miclle's site. Miclle.com</title>

    <%= stylesheet_link_tag "admin" %>

    <%= javascript_include_tag "jquery-1.4.1.min", "admin" %>

    <%= yield :head %>

  </head>
  <body>
    <!-- Header -->
    <div id="header">
      <div class="shell">
        <!-- Logo + Top Nav -->
        <div id="top">
          <h1><%= link_to "Miclle's Site", root_path, :target => "_blank" %></h1>
          <div id="top-navigation">
            Welcome <a href="#"><strong><%= current_user.email %></strong></a>
            <span>|</span>
            <a href="#">Help</a>
            <span>|</span>
            <a href="#">Profile Settings</a>
            <span>|</span>
            <%= link_to "Sign out", destroy_user_session_path %>
          </div>
        </div>
        <!-- End Logo + Top Nav -->

        <!-- Main Nav -->
        <div id="navigation">
          <ul>
            <li>
              <%= link_to "<span>Article</span>".html_safe, admin_articles_path, :class => controller_name == "articles" ? "active" : "" %>
            </li>
            <li><a href="#"><span>User Management</span></a></li>
            <li><a href="#"><span>Photo Gallery</span></a></li>
            <li><a href="#"><span>Products</span></a></li>
            <li>
              <%= link_to "<span>Site Management</span>".html_safe, admin_settings_path, :class => controller_name == "settings" ? "active" : "" %>
            </li>
          </ul>
        </div>
        <!-- End Main Nav -->
      </div>
    </div>
    <!-- End Header -->

    <!-- Container -->
    <div id="container">
      <div class="shell">

        <!-- Small Nav -->
        <div class="small-nav">
          <%= link_to controller_name.capitalize, eval("admin_" + controller_name + "_path") %>
          <span>&gt;</span>
          <%= @title %>
        </div>
        <!-- End Small Nav -->

        <!-- Message OK -->
        <div class="msg msg-ok">
          <p><strong>Your file was uploaded succesifully!</strong></p>
          <a href="#" class="close">close</a>
        </div>
        <!-- End Message OK -->

        <!-- Message Error -->
        <div class="msg msg-error">
          <p><strong>You must select a file to upload first!</strong></p>
          <a href="#" class="close">close</a>
        </div>
        <!-- End Message Error -->
        <br />

        <!-- Main -->
        <%= yield %>
        <!-- Main -->
      </div>
    </div>
    <!-- End Container -->

    <!-- Footer -->
    <div id="footer">
      <div class="shell">
        <span class="left">&copy; Copyright 2010 Miclle All rights reserved. RAILS_GEM_VERSION 3.0 Coded by Miclle.Zheng</span>
        <span class="right">Design by <a href="http://miclle.com" target="_blank" title="The Sweetest CSS Templates WorldWide">Miclle.com</a></span>
      </div>
    </div>
    <!-- End Footer -->

    <%= yield :foot %>

  </body>
</html>
